<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./lib/reset/reset.css">
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/SpecialPage.css">

</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="top">
            <div class="lg-container clearfix topbox">
                <div class="fl fs18 urltxt">legouchina.cn</div>
                <div class="fr rightbox">欢迎光临 <a href="index.html" class="color-f60">乐购</a>，请<a href="./login.html"
                        class="color-white">登录</a>/<a href="./registered.html" class="color-f60">注册</a></div>
            </div>
        </div>
        <div class="nav">
            <div class="nav-box lg-container fl">
                <div class="nav-logo fl">
                    <a href="#"><img src="./images/logo.jpg" alt=""></a>
                </div>
                <div class="nav-con fl clearfix">
                    <nav class="navbar navbar-light fl">
                        <form class="form-inline my-2 my-lg-0 clearfix fl">
                            <input class="fl fffff1" type="search" placeholder="请输入搜索的商品名">
                            <button class="btn fffff2 btn-outline-success my-2 my-sm-0 fl" type="submit"></button>
                        </form>

                    </nav>
                    <div class="otherBtn fl">
                        <button type="button" class="btn btn-light text-warning">购物车</button>
                        <button type="button" class="btn btn-light text-black-50">我的订单</button>
                    </div>
                </div>
                <nav class="bread mt10 lg-container clearfix">
                    <ul class="fr">
                        <li><a href="./list.html">图书</a></li>
                        <li><a href="./product.html">电子书</a></li>
                        <li><a href="#">原创文学</a></li>
                        <li><a href="#">服装</a></li>
                        <li><a href="#">运动户外</a></li>
                        <li><a href="#">孕婴童</a></li>
                        <li><a href="#">家具</a></li>
                        <li><a href="#">创意文具</a></li>
                        <li><a href="#">地方特产</a></li>
                        <li><a href="#">海外购</a></li>
                        <li><a href="#">电器城</a></li>
                    </ul>
                </nav>
            </div>

        </div>

    </header>
    <!-- 大背景图 -->
    <div class="main">
        <img src="./images/banner22.jpg" alt="">
        <div class="main-txt">
            <div class="txt-top">潮流新区</div>
            <ul>
                <li>
                    <h3>大家都在穿</h3>
                    <div>
                        <p><a href="#">当季新品</a>&emsp;<a href="#">商场同款</a>&emsp;<a href="#">天猫独家</a></p>
                        <p><a href="#">连衣裙</a>&emsp;<a href="#">卫衣</a>&emsp;<a href="#">短外套</a>&emsp;<a href="#">寸衫</a>
                        </p>
                        <p><a href="#">气质套装</a>&emsp;<a href="#">卫衣</a>&emsp;<a href="#">毛衣</a>&emsp;<a href="#">羽绒服</a>
                        </p>
                    </div>
                </li>
                <li>
                    <h3>品质上装</h3>
                    <div>
                        <p><a href="#">当季新品</a>&emsp;<a href="#">商场同款</a>&emsp;<a href="#">天猫独家</a></p>
                        <p><a href="#">连衣裙</a>&emsp;<a href="#">卫衣</a>&emsp;<a href="#">短外套</a>&emsp;<a href="#">寸衫</a>
                        </p>
                    </div>
                </li>
                <li>
                    <h3>特色服饰</h3>
                    <div>
                        <p><a href="#">时尚套装</a>&emsp;<a href="#">休闲套装</a>&emsp;<a href="#">妈妈装</a></p>
                        <p><a href="#">大码女装</a>&emsp;<a href="#">卫衣</a>&emsp;<a href="#">套装裙</a>&emsp;<a href="#">皮草</a>
                        </p>
                        <p><a href="#">雪纺长裙</a>&emsp;<a href="#">短裤</a>&emsp;<a href="#">哈伦裤</a>&emsp;<a href="#">风衣</a>
                        </p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 品牌 -->
    <div class="brandBgc">
        <div class="brand lg-container">
            <div class="brandTop">
                <div class="brandLeft">
                    <div class="brandLeft-Top">
                        <h4 class="fs24">品牌闪购</h4>
                        <span>&gt;</span>
                    </div>
                    <div class="brandLeft-bottom">
                        <img src="./images/index7_17.jpg" alt="">
                    </div>
                </div>
                <div class="brandMid">
                    <div class="brandMid-Top clearfix">
                        <h4 class="fs24 fl">聚名品</h4>
                        <p class="fl">LUXURY&emsp;CHANNEL</p>
                        <span class="fr">&gt;</span>
                    </div>
                    <div class="brandMid-bottom">
                        <img src="./images/index2.jpg" alt="">
                    </div>
                </div>
                <div class="brandRight">
                    <div class="brandRight-Top clearfix">
                        <h4 class="fs24 fl">品牌活动</h4>
                        <p class="fl">BRAND&emsp;ACTIVITY</p>
                        <span class="fr">&gt;</span>
                    </div>
                    <div class="brandRight-bottom">
                        <img src="./images/index3.jpg" alt="">
                    </div>
                </div>
            </div>
            <div class="brandBottom">
                <ul>
                    <li><img src="./images/brand1.jpg" alt=""></li>
                    <li><img src="./images/brand2.jpg" alt=""></li>
                    <li><img src="./images/brand3.jpg" alt=""></li>
                    <li><img src="./images/brand4.jpg" alt=""></li>
                </ul>
            </div>
        </div>
        <!-- 女装热销 -->
        <div class="WomenWear lg-container">
            <div class="WomenWear-Top">
                <div class="WomenWear-title">
                    <img src="./images/sprite.png" alt="">
                    <h2>女装热销</h2>
                    <img src="./images/sprite.png" alt="">
                </div>
                <div class="WomenWear-txt">
                    <p>Ladies&emsp;Fashion&emsp;Hot&emsp;Sell</p>
                </div>
            </div>
            <div class="WomenWear-Main">
                <!-- 左 -->
                <div class="WomenWear-Main-Left">
                    <ul>
                        <li>口红</li>
                        <li>女装</li>
                        <li>女包</li>
                        <li>卸妆洁面</li>
                    </ul>
                </div>
                <!-- 中 -->
                <div class="WomenWear-Main-Mid">
                    <ul>
                        <li><img src="./images/WomenWear-Main-Mid1.jpg" alt=""></li>
                        <li>
                            <h4>ONLY2019秋冬新款弹力女裤</h4>
                            <div class="MainSmallBox">
                                <div>
                                    <p>秋装上新款</p>
                                    <h2>￥179.00</h2>
                                    <span>￥230.00</span>
                                </div>
                                <img src="./images/WomenWear-Main-Mid2.jpg" alt="">
                            </div>
                        </li>
                        <li>
                            <h4>ONLY2019秋冬新款弹力女裤</h4>
                            <div class="MainSmallBox">
                                <div>
                                    <p>秋装上新款</p>
                                    <h2>￥179.00</h2>
                                    <span>￥230.00</span>
                                </div>
                                <img src="./images/WomenWear-Main-Mid3.jpg" alt="">
                            </div>
                        </li>
                        <li><img src="./images/WomenWear-Main-Mid4.jpg" alt=""></li>
                    </ul>
                </div>
                <!-- 右 -->
                <div class="WomenWear-Main-Bottom">
                    <div class="clearfix">
                        <h4>女装销量</h4>
                        <span>爆买热款</span>
                        <span>实时更新</span>
                    </div>
                    <ul>
                        <li>
                            <h5>1.乐町牛仔外套女19秋季新款外套女</h5>
                            <div class="li-box clearfix cur">
                                <img class="fl" src="./images/dingguagua.jpg" alt="">
                                <div class="li-txt fl">
                                    <p>乐町牛仔外套女19秋季新款外套女</p>
                                    <span>￥199.00</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <h5>2.乐町牛仔外套女19秋季新款外套女</h5>
                            <div class="li-box clearfix cur">
                                <img class="fl" src="./images/dingguagua.jpg" alt="">
                                <div class="li-txt fl">
                                    <p>乐町牛仔外套女19秋季新款外套女</p>
                                    <span>￥199.00</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <h5>3.乐町牛仔外套女19秋季新款外套女</h5>
                            <div class="li-box clearfix cur">
                                <img class="fl" src="./images/dingguagua.jpg" alt="">
                                <div class="li-txt fl">
                                    <p>乐町牛仔外套女19秋季新款外套女</p>
                                    <span>￥199.00</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <h5>4.乐町牛仔外套女19秋季新款外套女</h5>
                            <div class="li-box clearfix cur">
                                <img class="fl" src="./images/dingguagua.jpg" alt="">
                                <div class="li-txt fl">
                                    <p>乐町牛仔外套女19秋季新款外套女</p>
                                    <span>￥199.00</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <h5>5.乐町牛仔外套女19秋季新款外套女</h5>
                            <div class="li-box clearfix cur">
                                <img class="fl" src="./images/dingguagua.jpg" alt="">
                                <div class="li-txt fl">
                                    <p>乐町牛仔外套女19秋季新款外套女</p>
                                    <span>￥199.00</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <h5>6.乐町牛仔外套女19秋季新款外套女</h5>
                            <div class="li-box clearfix cur">
                                <img class="fl" src="./images/dingguagua.jpg" alt="">
                                <div class="li-txt fl">
                                    <p>乐町牛仔外套女19秋季新款外套女</p>
                                    <span>￥199.00</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 男装热销 -->
        <div class="MenWear lg-container">
            <div class="MenWear-Top">
                <div class="MenWear-title">
                    <img src="./images/sprite.png" alt="">
                    <h2>男装热销</h2>
                    <img src="./images/sprite.png" alt="">
                </div>
                <div class="MenWear-txt">
                    <p>Ladies&emsp;Fashion&emsp;Hot&emsp;Sell</p>
                </div>
            </div>
            <div class="MenWear-Main">
                <!-- 左 -->
                <div class="MenWear-Main-Left">
                    <ul>
                        <li>口红</li>
                        <li>女装</li>
                        <li>女包</li>
                        <li>卸妆洁面</li>
                    </ul>
                </div>
                <!-- 中 -->
                <div class="MenWear-Main-Mid">
                    <ul>
                        <li><img src="./images/men1.jpg" alt=""></li>
                        <li>
                            <h4>韩版潮流男外套中长款连帽风衣</h4>
                            <div class="MainSmallBox">
                                <div>
                                    <p>秋装上新款</p>
                                    <h2>￥179.00</h2>
                                    <span>￥230.00</span>
                                </div>
                                <img src="./images/men2.jpg" alt="">
                            </div>
                        </li>
                        <li>
                            <h4>韩版潮流男外套中长款连帽风衣</h4>
                            <div class="MainSmallBox">
                                <div>
                                    <p>秋装上新款</p>
                                    <h2>￥179.00</h2>
                                    <span>￥230.00</span>
                                </div>
                                <img src="./images/men3.jpg" alt="">
                            </div>
                        </li>
                        <li><img src="./images/index3.jpg" alt=""></li>
                    </ul>
                </div>
                <!-- 右 -->
                <div class="MenWear-Main-Bottom">
                    <div class="clearfix">
                        <h4>女装销量</h4>
                        <span>爆买热款</span>
                        <span>实时更新</span>
                    </div>
                    <ul>
                        <li>
                            <h5>1.乐町牛仔外套女19秋季新款外套女</h5>
                            <div class="li-box clearfix cur">
                                <img class="fl" src="./images/dingguagua.jpg" alt="">
                                <div class="li-txt fl">
                                    <p>乐町牛仔外套女19秋季新款外套女</p>
                                    <span>￥199.00</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <h5>2.乐町牛仔外套女19秋季新款外套女</h5>
                            <div class="li-box clearfix cur">
                                <img class="fl" src="./images/dingguagua.jpg" alt="">
                                <div class="li-txt fl">
                                    <p>乐町牛仔外套女19秋季新款外套女</p>
                                    <span>￥199.00</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <h5>3.乐町牛仔外套女19秋季新款外套女</h5>
                            <div class="li-box clearfix cur">
                                <img class="fl" src="./images/dingguagua.jpg" alt="">
                                <div class="li-txt fl">
                                    <p>乐町牛仔外套女19秋季新款外套女</p>
                                    <span>￥199.00</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <h5>4.乐町牛仔外套女19秋季新款外套女</h5>
                            <div class="li-box clearfix cur">
                                <img class="fl" src="./images/dingguagua.jpg" alt="">
                                <div class="li-txt fl">
                                    <p>乐町牛仔外套女19秋季新款外套女</p>
                                    <span>￥199.00</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <h5>5.乐町牛仔外套女19秋季新款外套女</h5>
                            <div class="li-box clearfix cur">
                                <img class="fl" src="./images/dingguagua.jpg" alt="">
                                <div class="li-txt fl">
                                    <p>乐町牛仔外套女19秋季新款外套女</p>
                                    <span>￥199.00</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <h5>6.乐町牛仔外套女19秋季新款外套女</h5>
                            <div class="li-box clearfix cur">
                                <img class="fl" src="./images/dingguagua.jpg" alt="">
                                <div class="li-txt fl">
                                    <p>乐町牛仔外套女19秋季新款外套女</p>
                                    <span>￥199.00</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 品牌专区 -->
        <div class="Special lg-container">
            <div class="Special-Top">
                <div class="Special-title">
                    <img src="./images/sprite.png" alt="">
                    <h2>品牌专区</h2>
                    <img src="./images/sprite.png" alt="">
                </div>
                <div class="Special-txt">
                    <p>Ladies&emsp;Fashion&emsp;Hot&emsp;Sell</p>
                </div>
            </div>
            <div class="Special-Mid">
                <img src="./images/index3.jpg" alt="">
                <div class="Special-Right">
                    <h2>XX品牌</h2>
                    <p>HLA JEANS更注意与年轻一代的情感沟通，提出“不普通的普通人”的品牌主张，鼓励年轻群体在生活中坚持小自我，在平凡中展现小个性，在平淡之中发现小乐趣，活出自己的与众小不同</p>
                    <div>品牌特卖中&emsp;&gt;&gt;</div>
                </div>
            </div>
            <div class="Special-Bottom">
                <ul>
                    <li>
                        <img src="./images/Special1.jpg" alt="">
                        <div>
                            <h3>GOLD&nbsp;SHARK</h3>
                            <p>品质男装&nbsp;秋季换新</p>
                        </div>
                    </li>
                    <li>
                        <img src="./images/Special2.jpg" alt="">
                        <div>
                            <h3>GOLD&nbsp;SHARK</h3>
                            <p>品质男装&nbsp;秋季换新</p>
                        </div>
                    </li>
                    <li>
                        <img src="./images/Special3.jpg" alt="">
                        <div>
                            <h3>GOLD&nbsp;SHARK</h3>
                            <p>品质男装&nbsp;秋季换新</p>
                        </div>
                    </li>
                    <li>
                        <img src="./images/Special4.jpg" alt="">
                        <div>
                            <h3>GOLD&nbsp;SHARK</h3>
                            <p>品质男装&nbsp;秋季换新</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 脚部 -->
    <footer class="lg-container">
        <div class="footer-top">
            <ul>
                <li class="clearfix">
                    <img class="fl" src="./images/footer1.jpg" alt="">
                    <div class="fl">
                        <h4 class="fs20">正品保障</h4>
                        <p class="fs14 col-d6d6d6">正品行货&emsp;放心选购</p>
                    </div>
                </li>
                <li class="clearfix">
                    <img class="fl" src="./images/footer2.jpg" alt="">
                    <div class="fl">
                        <h4 class="fs20">满86包邮</h4>
                        <p class="fs14 col-d6d6d6">满86元&emsp;免运费</p>
                    </div>
                </li>
                <li class="clearfix">
                    <img class="fl" src="./images/footer3.jpg" alt="">
                    <div class="fl">
                        <h4 class="fs20">售后无忧</h4>
                        <p class="fs14 col-d6d6d6">七天无理由退货</p>
                    </div>
                </li>
                <li class="clearfix">
                    <img class="fl" src="./images/footer4.jpg" alt="">
                    <div class="fl">
                        <h4 class="fs20">准时送达</h4>
                        <p class="fs14 col-d6d6d6">收货时间由你做主</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="footer-bottom">
            <!-- 左 -->
            <div class="fb-left clearfix">
                <ul class="list4">
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">支付方式</a></li>
                    <li><a href="#">订单服务</a></li>
                    <li><a href="#">退换货</a></li>
                </ul>
                <ul class="list5  fl">
                    <li><a href="#">购物路程</a></li>
                    <li><a href="#">货到付款</a></li>
                    <li><a href="#">退货流程</a></li>
                    <li><a href="#">退货政策</a></li>
                </ul>
                <ul class="list6  fl">
                    <li><a href="#">发票制度</a></li>
                    <li><a href="#">网上支付</a></li>
                    <li><a href="#">订单状态说明</a></li>
                    <li><a href="#">自动退换货</a></li>
                </ul>
                <ul class="list7 fl">
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">礼品卡支付</a></li>
                    <li><a href="#">自动取消订单</a></li>
                    <li><a href="#">自动退货流程</a></li>
                </ul>
            </div>
            <!-- 右 -->
            <div class="fb-right">
                <ul>
                    <li>
                        <h5>App更优惠</h5>
                        <img src="./images/qryhd.png" alt="">
                    </li>
                    <li>
                        <h5>加微信查订单</h5>
                        <img src="./images/qryhd.png" alt="">
                    </li>
                </ul>
            </div>
        </div>
        <div class="footer-txt">
            <p>沪ICP备XXXXXXXXXXXXX号 | 经营证明 |互联网药品信息服务资格证(沪)-2017-0006 |违法和不良信息举报电话:xxx-xxxxxxxx | 沪B2-xxxxxxx</p>
            <p>沪公网安备 xxxxxxxx号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            <div>
                <ul>
                    <li>
                        <img src="./images/showlogo1.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo2.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo3.png" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo4.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo5.png" alt="">
                    </li>
                    <li>
                        <img src="./images/showlogo6.jpg" alt="">
                    </li>
                </ul>
            </div>
        </div>
    </footer>
</body>
<script src="./lib/jquery/jquery.min.js"></script>
<script src="./lib/bootstrap/js/bootstrap.min.js"></script>
<script src="./js/SpecialPage.js"></script>

</html>